<template>
     <div>
       <div style="height: 30px; line-height: 30px;padding-left: 20px;">
              <h1>潜客回收</h1>
       </div> 
        
        <div style="height: 50px; border: 1px red solid; line-height: 50px;">
                    <span style="float: left;">
                        已选客户
                    </span>  
         </div>

         

               <div>
                    <vx-table :tableData="tableData" :isSelect="true" :columns="columns" @multipleSelection="multipleSelection"
                    :buttomGroup="buttomGroup"  @deletedata="deletedata"></vx-table>
                </div>
                
                <ui-pagination
                    :total="total"
                    :page-size="pageSize"
                    :current-page="currentPage"
                    :layout="layout"
                    :page-sizes="pageSizeList"
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                >
                </ui-pagination>
   
                <div  style="text-align: center;margin-top: 20px;">
                    <ui-button class="primary-btn" @click="searchList(true)" icon="ui-icon-search">返回</ui-button>
                    <ui-button class="default-btn" @click="reset" icon="ui-icon-refresh-right">提交</ui-button>
                </div>  


     </div>
</template>

<script>
import pagination from '@/common/mixin/pagination.js'; // 混入分页
import vxTable from '@/components/vx-table';

   export default{
      mixins: [pagination],
      components:{
         vxTable
      },
      data(){
         return{
            columns: [
            {
            prop: 'userName',
            label: '客户名称',
            fixed: true,
            width:'120'
            },
            {
            prop: 'updatedBy',
            label: '潜客类型',
            fixed: true
            },
            {
            prop: 'updatedBy',
            label: '手机号',
            fixed: true
            },
            {
            prop: 'updatedBy',
            label: '证件类型',
            fixed: true
            },
            {
            prop: 'updatedBy',
            label: '证件号码',
            fixed: true
            },
            {
            prop: 'updatedBy',
            label: '潜客来源渠道',
            fixed: true
            },
            {
            prop: 'updatedBy',
            label: '所属机构',
            fixed: true
            },
            {
            prop: 'updatedBy',
            label: '管户人',
            fixed: true
            },
            {
            prop: 'updatedBy',
            label: '登记时间',
            fixed: true
            },
            {
            prop: 'updatedBy',
            label: '转化时间',
            fixed: true
            },
            // {
            // prop: 'createdBy',
            // label: '',
            // fixed: true,
            // formatter: (row, column, cellValue, index) => {
                
            //     return wordcut(cellValue,3,4);
            // }
            // }
         ], //表头


         tableData:[],


        buttomGroup: [
            { label: '删除', methodsName: 'deletedata' },
  
        ] 
         }
      }

   }
</script>